<template>
	<view class="process">
			<view class="silder" :style="width">
				
			</view>
	</view>
</template>

<script>
	export default{
		props:['num'],
		data(){
			return{
				width:'width:10%'
			}
		},
		watch:{
			num(news,old){
				this.width = `width:${news*100}%`
			}
		}
	}
</script>
<style lang="scss" scoped>
	.process{
		width: 128rpx;
		height: 10rpx;
		background: rgba(205, 205, 205, 1);
		border-radius: 2px;
		margin: 0 auto;
		position: relative;
		transform: ease .1s all;
		.silder{
			height: 10rpx;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(245, 70, 66, 1);
			border-radius: 2px;
		}
		
	}
</style>
